<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@ include file="/pub/siteinclud.jsp"%>
<%
	String grp1=request.getParameter("grp1");
	String grp2=request.getParameter("grp2");
	String grpid=request.getParameter("grpid");
%>
<html>
<head>
<title>雅宝路信息网 致力于服务雅宝路人的最大信息网</title>
<meta name="keywords" content="雅宝路 物流 交友 二手货 发货 甩货 免费发布信息"/>
<meta name="description" content="雅宝路信息网，致力于服务雅宝路人的最大信息网。为你提供房产、车辆、招工、兼职、物流等海量雅宝路分类信息"/>
	<script type="text/javascript"
		src="<%=path %>/resources/texiao1/yoxview-init.js"></script>
	<script type="text/javascript">
		var grp1="";
		var grp2="";
		var grpid="";
		$(document).ready(function(){
	      	initcolum();
	      	<%
	      		if(grp1!=null){
	      	%>
	      		initpics('<%=grpid %>','<%=grp1 %>','<%=grp2 %>');
	      	<%		
	      		}else{
	      	%>
	      		initpics(grpid,grp1,grp2);
	      	<%		
	      		}
	      	%>
	    });
		function initcolum(){
			$.ajax({
				url :"<%=path%>/ext/productgroup/lst", //要访问的后台地址
			    data: "pid=ROOT", //要发送的数据
			    type : 'POST', //使用get方法访问后台
			    dataType : 'json', //返回json格式的数据
			    async:false,
			    success : function(data){
		   			var rows = data; 
			    	$.each(rows, function(i, n){
			    		if(i==0){
			    			grp1=n.name;
			    		}
						$("#leftcolumul").append("<li><b>"+n.name+"</b><br /><span id='"+n.id+"'></span></li>");
		    			initcolum2(n.id,n.name);
			        });
			    }
			});
		}
		function initcolum2(grpId1,grpname){
			$.ajax({
				url :"<%=path%>/ext/productgroup/lst", //要访问的后台地址
			    data: "pid="+grpId1, //要发送的数据
			    type : 'POST', //使用get方法访问后台
			    dataType : 'json', //返回json格式的数据
			    async:false,
			    success : function(data){
		   			var rows = data; 
			    	$.each(rows, function(i, n){
			    		if(i==0){
			    			grp2=n.name;
			    			grpid=n.id;
			    			$("#"+grpId1).append("<a href=\"javascript:initpics('"+n.id+"','"+grpname+"','"+n.name+"')\">"+n.name+"</a>");
			    		}else{
							$("#"+grpId1).append(" | <a href=\"javascript:initpics('"+n.id+"','"+grpname+"','"+n.name+"')\">"+n.name+"</a>");
		    			}
			        });
			    }
			});
		}
		function initpics(grpid,grpname1,grpname2){
			$("#classrTitle").html(grpname1+"&nbsp;&gt;&nbsp;<span class='ybl_title1'>"+grpname2+"</span>");
			$("#picclasspics").html("");
			$.ajax({
				url :"<%=path%>/ext/products/list", //要访问的后台地址
			    data: "currentPage=1&pageSize=50&groupId="+grpid, //要发送的数据
			    type : 'POST', //使用get方法访问后台
			    dataType : 'json', //返回json格式的数据
			    async:false,
			    success : function(data){
		   			var rows = data.recordList; 
			    	$.each(rows, function(i, n){
			    		$("#picclasspics").append("<li><div style='height:250px;width:165px;display:table-cell;vertical-align:middle;'><a href='"+n.picpath+"'><img src='"+n.small_picpath+"'  title='"+n.introduction+"' /></a></div><div>"+n.product_name+"<div></li>");
			        });
			        $("#picclasspics").yoxview();
			    }
			});
		}
	</script>
<link rel="stylesheet"
	href="<%=request.getContextPath() %>/site/${SiteAccessPath}/css/css.css"
	type="text/css"/>
<link rel="stylesheet"
	href="<%=request.getContextPath() %>/site/${SiteAccessPath}/css/global.css"
	type="text/css"/>

<script type="text/javascript"
	src="<%=path %>/resources/js/shouye.js"></script>
</head>

<body>
<%@ include file="header.jsp" %>

<div class="position">
	您的位置：<a href="index">首页</a> &gt; 图片库
</div>
<div class="pro_class">
	<div class="pro_classl left">
    	<div class="picbankTitle"><h2>图片分类</h2></div>
        <ul id="leftcolumul">
        </ul>
    </div>
    <div class="pro_classr right">
    	<div style="font-size:14px; font-weight:bold;" class="classrTitle" id="classrTitle"></div>
        <ul id="picclasspics">
        </ul>
        <div style="clear:both"></div>
  </div>
    <div style="clear:both"></div>
</div>

<%@ include file="footer.jsp" %>
</body>

</html>